Vue v-once Directive

শুধুমাত্র একবার একটি উপাদান ফেরত দিতে v- একবার ব্যবহার করুন

Example

আপনার নিজস্ব Vue সার্ভার পান

শুধুমাত্র একবার <img> উপাদান রেন্ডার করতে v-one নির্দেশ ব্যবহার করে।

<template>
  <h1>v-once Example</h1>
  <p>The image is only rendered once. Changing the image source does not have any effect.</p>
  <img v-once v-bind:src="imgUrl[imgIndex]">
  <p>Img src: '{{ imgUrl[imgIndex] }}'</p>
  <button v-on:click="changeImg">Change image</button>
</template>

Definition and Usage

v- একবার নির্দেশিকা শুধুমাত্র একবার একটি উপাদান বরাদ্দ করতে ব্যবহৃত হয়।

শুধুমাত্র একবার একটি উপাদান রেন্ডার করে, কর্মক্ষমতা উন্নত করা যেতে পারে।

যদি একটি উপাদানের v-একবার নির্দেশ থাকে, তবে এর সমস্ত চাইল্ড উপাদান প্রথম রেন্ডারিংয়ের পরে স্থির হয়ে যায়।

💡দ্রষ্টব্য:

ভি-মেমো নির্দেশের মাধ্যমে একটি উপাদান কতবার রেন্ডার করা হয় তা সীমিত করা যেতে পারে, যা কার্যক্ষমতা অর্জনে সহায়তা করতে পারে।

Exercise

প্রশিক্ষণ:

Vue.js v-once directive ?

ডেটা বাইন্ডিং উন্নত করতে
✗ ভুল! v- একবার ডেটা বাইন্ডিং উন্নত করে না
কর্মক্ষমতা উন্নত করতে
✓ ঠিক আছে! v- একবার মাত্র একবার ডেলিভারির মাধ্যমে কর্মক্ষমতা উন্নত করে
ঘটনা পরিচালনা করতে
✗ ভুল! v- একবার ইভেন্ট পরিচালনা করে না
শর্তাধীন ডেলিভারি
✗ ভুল! v-একবার শর্তসাপেক্ষ ডেলিভারির জন্য ব্যবহার করা হয় না